<template>
  <el-carousel height="240px" direction="vertical" :interval="10000">
    <el-carousel-item v-for="(item, i) in imgList" :key="i">
      <el-image :src="item.url" fit="cover" style="width: 100%; height: 100%" />
    </el-carousel-item>
  </el-carousel>
</template>

<script lang="ts" setup>
const imgList = [
  { url: '/cjui-admin-vue3/imgs/business/front-home/header-default.jpg' },
  { url: '/cjui-admin-vue3/imgs/business/front-home/bg-1.jpg' },
  { url: '/cjui-admin-vue3/imgs/business/front-home/bg-2.jpg' },
  { url: '/cjui-admin-vue3/imgs/business/front-home/bg-3.jpg' }
]
</script>
